<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <title>修改公司经营地址</title>
 <!-- 引入Bootstrap的样式表 -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 <link rel="stylesheet" type="text/css" href="css/revise.css">
</head>
<body>
<div class="telcon">
	<div class="telcon-header">
		<i class="fa fa-user"></i><p>发起用户异动工单</p>
	</div>
	<div class="telcon-n">
      <p style="color: #31708f">申请【修改公司经营地址】</p>  
   </div>
   <form>
      <table class="tables">
         <tr>
            <td>工单类型</td>
            <td>修改公司经营地址</td>
         </tr>
         <tr>
            <td>旧经营地址</td>
            <td>安徽省宿州市砀山县砀山汽博城</td>
         </tr>
         <tr>
            <td>新经营地址</td>
            <td>
               <input type="text" class="fw" style="margin: 0;">
            </td>
         </tr>
         <tr>
            <td style="border-bottom: 0;">问题描述</td>
            <td style="border-bottom: 0;">
              <p>请输入您需要解决的问题，及发生原因，描述请尽量详细，以便工作人员更好的为您服务。</p>
            </td>
         </tr>
         <tr style="padding-bottom: 20px;">
            <td></td>
            <td><input type="text" class="fw"></td>
         </tr>
         <tr>
            <td style="padding-bottom: 270px;">上传证件</td>
            <td style="position: relative;">
              <div class="peoz">
                 <div class="pic">
                    <p>未上传图片</p>
                 </div>
              </div>
              <div id="imgPreview"></div>
                     <span class="upload-img"><input id="fileUpload" accept="image/*" type="file" multiple="multiple"></span>
                  </div>
              <div class="sc">
                 <a><i class="fa fa-upload"></i>上传营业执照<a>
              </div>
            </td>
         </tr>
         <tr class="last-tr">
            <td></td>
            <td>
               <a class="tj">提交</a>
               <a class="go-1" href="javascript:history.go(-1);">返回上一页</a>
            </td>
         </tr>
      </table>
   </form>
</div>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript">
   $(function () {
      $("#fileUpload").change(function () {
         if (typeof (FileReader) != "undefined") {
         var dvPreview = $("#imgPreview");
         dvPreview.html("");
         var regex = /(.jpg|.jpeg|.gif|.png|.bmp)$/;
         $($(this)[0].files).each(function () {
             var file = $(this);
             if (regex.test(file[0].name.toLowerCase())) {
                 var reader = new FileReader();
                 reader.onload = function (e) {
                     var img = $("<img />");
                     img.attr("src", e.target.result);
                     dvPreview.append(img);
                 }
                 reader.readAsDataURL(file[0]);
             } else {
                 alert(file[0].name + " is not a valid image file.");
                 dvPreview.html("");
                 return false;
             }
        });
      } else {
         alert("This browser does not support HTML5 FileReader.");
         }
      });
   });

</script>
</body>
</html>